<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<title>我的诊所</title>
		<meta http-equiv="expires" content="0">
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<link rel="stylesheet" href="../../../css/reset.css" />
		<link rel="stylesheet" href="../../../css/mui.min.css" />
		<link rel="stylesheet" href="../../../css/iconfont.css" />
		<link rel="stylesheet" href="../../../css/cmms.css" />
		<link rel="stylesheet" href="../../../css/doctor/clinic.css" />
	</head>
	<body>
		<div class="mui-content" id="myClinic" v-cloak>
			<div class="wrap">
				<div class="font12_6 clinic-name">{{clinicMsg.hospitalId}}  {{clinicMsg.hospitalName}}</div>
			
				<section class="panel overflow doctor-card" v-for="l in list">
					<div class="left rel">
						<i class="iconfont icon-icon1 basic-color abs"></i>
						<div class="font14_4c maring-bottom-8">{{l.name}}</div>
						<div>
							<span class="btn-tag-low" v-if="l.roles.length>0">{{l.roles[0].name}}</span>
							<span class="btn-tag" v-if="l.roles.length>1">{{l.roles[1].name}}</span>
						</div>
					</div>
					<div class="right doctor-phone rel">
						<i class="iconfont icon-shouji basic-color"></i>
						<a :href="'tel:'+l.phone"><span class="font12_4c">{{l.phone}}</span></a>
					</div>
				</section>
				<section class="panel padding0_16 order-total">
					<div class="border-bottom-1px font12_3">
						首单日期 {{clinicMsg.firstOrder|replaceT}}
					</div>
					<div class="border-bottom-1px font12_9 overflow" @tap="toOrder">
						<span class="left">连续{{clinicMsg.outOrderDay}}天出单</span>
						<i class="iconfont icon-chakangengduo right"></i>
						<span class="right">累计订单数 {{clinicMsg.orderNum}}</span>
					</div>
					<div class="border-bottom-1px font12_6">
						<i class="iconfont icon-dizhi"></i>
						{{clinicMsg.hospitalAddress}}
					</div>
					<div class="border-bottom-1px font12_6">
						行政区划：{{clinicMsg.administrativeDivision}}
					</div>
					<div class="border-bottom-1px font12_6 saleLists">
						<p v-for="hospitalSale in clinicMsg.hospitalSaleDetailsVos">
							<span>业务员:{{hospitalSale.name}}</span><span>电话:{{hospitalSale.phone}}</span><span>编号:{{hospitalSale.code}}</span>
						</p>
					</div>
					<div class="">
						<span class="font12_6">安泰医检注册时间</span>
						<span class="register-time">{{clinicMsg.createTime|replaceT}}</span>
					</div>
				</section>
				<section class="panel overflow licence">
					<span class="font14_3">诊所执业许可证</span>
					<i class="right iconfont icon-chakangengduo"></i>
				</section>
			</div>
		</div>
		<script src="../../../js/mui.min.js"></script>
		<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
		<script src="../../../js/vue.js"></script>
		<script src="../../../js/cmms.js?time=333"></script>
		<script>
			new Vue({
				el:"#myClinic",
				data:{
					clinicMsg:'',
					list:[]
				},
				mounted(){
					this.init();
				},
				methods:{
					init(){
						let _this = this;
						AT.muiAjaxDoctor("/clinic-doctor/doctor/gethospitalDetails","post",{},function(res){
							_this.clinicMsg = res;
//							console.log(res)
							_this.list = res.list;
						})
					},
					toOrder(){
						location.href = "../order/order.html";
					}
				}
			})
		</script>
	</body>
</html>

